		<div id="banner">
        <!--<img src="img/banner/IEBOW_BG_0114_1600x540_EN_US.jpg" width="980" height="329" alt="Banner Book" /> -->
        <div style="background-color:#fff; min-height:250px;">
            <div id="bigPic">
                <a href='#'>
                    <img src='<?php echo base_url('/public/_default/img/sys/banner/banner (1).jpg'); ?>' width='1000' height='250' alt='No Image' />
                    <img src='<?php echo base_url('/public/_default/img/sys/banner/banner (2).jpg'); ?>' width='1000' height='250' alt='No Image' />
                    <img src='<?php echo base_url('/public/_default/img/sys/banner/banner (3).jpg'); ?>' width='1000' height='250' alt='No Image' />
                    <img src='<?php echo base_url('/public/_default/img/sys/banner/banner (4).jpg'); ?>' width='1000' height='250' alt='No Image' />
                    <img src='<?php echo base_url('/public/_default/img/sys/banner/banner (5).jpg'); ?>' width='1000' height='250' alt='No Image' />
                </a>
             </div>
        </div>

<script type="text/javascript">
	var currentImage;
    var currentIndex = -1;
    var interval;
    function showImage(index){
        if(index < $('#bigPic img').length){
        	var indexImage = $('#bigPic img')[index]
            if(currentImage){   
            	if(currentImage != indexImage ){
                    $(currentImage).css('z-index',2);
                    clearTimeout(myTimer);
                    $(currentImage).fadeOut(250, function() {
					    myTimer = setTimeout("showNext()", 3000);
					    $(this).css({'display':'none','z-index':1})
					});
                }
            }
            $(indexImage).css({'display':'block', 'opacity':1});
            currentImage = indexImage;
            currentIndex = index;
            $('#thumbs li').removeClass('active');
            $($('#thumbs li')[index]).addClass('active');
        }
    }
    
    function showNext(){
        var len = $('#bigPic img').length;
        var next = currentIndex < (len-1) ? currentIndex + 1 : 0;
        showImage(next);
    }
    
    var myTimer;
    
    $(document).ready(function() {
	    myTimer = setTimeout("showNext()", 3000);
		showNext(); //loads first image
        $('#thumbs li').bind('click',function(e){
        	var count = $(this).attr('rel');
        	showImage(parseInt(count)-1);
        });
	});
    
	
</script>